import request from "../../utils/request"

// pages/index/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    bannerList: [],//轮播图数据
    recommendList: [],//推荐数据
    topList:[],//排行榜数据
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: async function (options) {

    // 轮播图数据请求
    let result = await request('/banner', { type: 2 });
    // console.log(result.banners,'轮播图');
    this.setData({
      bannerList: result.banners
    })

    // 推荐歌曲数据请求
    let recommend = await request('/personalized', { limit: 10 })
    // console.log(recommend.result);
    this.setData({
      recommendList: recommend.result
    })

    //排行榜数据请求
   
    let resultArr = [];
    
      let topListData = await request('/toplist/detail');
      // console.log(topListData.list.slice(0,5),'=========获取到的排行榜');
      // splice(会修改原数组，可以对指定的数组进行增删改) slice(不会修改原数组)
     let topListItem = topListData.list.slice(0,4)
     let aa =topListItem.map(item => ({id:item.id}))
      // console.log(aa);
     for (let i = 0; i < aa.length; i++) {
      aa[i] = await request('/playlist/detail',{id:aa[i].id});
     }
    //  console.log(aa);
     resultArr.push(...aa)
     
  //  let cc = aa.map(async (item,index)=>{
  //      item = await request('/playlist/detail',{id:item.id});
  //      console.log(item);
  //     return item
  //  })
  //  console.log(cc);
  //  console.log(resultArr);

      // 不需要等待五次请求全部结束才更新，用户体验较好，但是渲染次数会多一些
      this.setData({
        topList: resultArr
      })
  },

// 点击跳转到日推
recommendDay(){
  wx.navigateTo({
    url: '/pages/recommendSong/recommendSong',
  })
},
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})